<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@include file="/common/common.jsp" %>
<title>Login</title>
		<!--
        	作者：2781057764@qq.com
        	时间：2016-11-05
        	描述：EasyUI登录框描述部分
        -->
		<script type="text/javascript">
			$(function(){
				$('#loginDiv').dialog({    
				    title: '登录',    
				    width: 500,    
				    height: 250,    
				    closed: false,    
				    closable: false,
				    draggable: false,
				    cache: false,     
				    modal: true,   
				    buttons : [ {
						text : '登陆',
						handler : function() {
                 		//启用验证
						$("#ff").form("enableValidation");
                		//validate方法:进行form表单字段的验证，通过返回true
						if($("#ff").form("validate")){
							//alert("login");
							//$("#ff").get(0).submit();
							$("#ff").submit();
								
							}
						}
					}, {
						text : '取销',
						handler : function() {
							$("#ff").form("reset");
							$("#ff").form("disableValidation");
							alert("取消");
						}
					} ]
				});    

				$("[name='accLogin']").validatebox({
					required : true,
					missingMessage : '请填写账号！'
				});
				$("[name='accPass']").validatebox({
					required : true,
					missingMessage : '请填写密码！'
				});

				//禁用验证,让验证信息不要一开始就显示出来
				$("#ff").form("disableValidation");
			});
		</script>
		
		<!--
        	作者：2781057764@qq.com
        	时间：2016-11-05
        	描述：自定义样式调整
        -->
		<style type="text/css">
			#ff{
				width: 202px;
				height: 6px;
				margin: 62px auto;
			}
			
			#pwd{
				margin-left: 12px;
				margin-top: 12px;
			}
			
			#msg{
				width: 120px;
				margin: 0 auto;
			}
		</style>
		
</head>
<body>
	<div id="loginDiv">
			<form id="ff" action="${proPath}/account/login.action" method="post" style="align-content: center;">   
			    <div id="uname">   
			        <label for="name">用户名:</label>   
			        <input class="easyui-validatebox" type="text" name="accLogin"/>   
			    </div>   
			    <div id="pwd">   
			        <label for="email">密码:</label>   
			        <input class="easyui-validatebox" type="password" name="accPass"/>   
			    </div>    
			</form> 
			<div id="msg" style="color:red" >${requestScope.msg}</div>
	</div>  	
</body>
</html>